// 使用最简单的 AJAX 请求获取时间
function getTime() {
    // 创建 XMLHttpRequest 对象
    const xhr = new XMLHttpRequest();
    
    // 配置请求
    xhr.open('GET', '/api/time', true);
    
    // 设置回调函数
    xhr.onreadystatechange = function() {
        if (xhr.readyState === 4 && xhr.status === 200) {
            // 解析返回的 JSON 数据
            const response = JSON.parse(xhr.responseText);
            if (response.code === 200) {
                // 更新页面上的时间显示
                document.getElementById('time').textContent = response.data;
            }
        }
    };
    
    // 发送请求
    xhr.send();
}

// 页面加载完成后立即获取一次时间
document.addEventListener('DOMContentLoaded', function() {
    getTime();
    // 每秒更新一次时间
    setInterval(getTime, 1000);
});